@charset "utf-8";
/* CSS Document */
html {
	border:0px;
	padding:0px;
	margin:0 auto;
	width:800px;
	height:auto;
	text-align:center;
	position:relative;
	background:url(../img/bg2.jpg);
}
body {
	border:0px;
	padding:0px;
	width:800px;
	height:auto;
	margin:0 auto;
	text-align:center;
	position:absolute;
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY:  宋体;
	background:url(../img/bg2.jpg)#FFFFFF;
}
#container {
	width:800px;
	height:auto;
	border:0px;
	padding:0px;
	margin:0 auto;
	text-align:left;
	position:relative;
	background:url(../img/bg2.jpg) #FFFFFF;
}
#header {
	width:800px;
	height:105px;
	border:0px;
	padding:0px;
	margin:0 auto;
	position:relative;
}
a {
	font-size:12px;
	color:#0F83DB;
	text-decoration:none;
}
#header a:hover, #content p a:hover, #footer a:hover {
	text-decoration:none;
}
#top {
	width:800px;
	height:60px;
	border:0px;
	padding:0px;
	margin:0 auto;
	background:url(../img/logo.png) no-repeat;
	position:relative;
}
.menu { height: 45px; display: block; }
.menu ul { list-style: none; padding: 0; margin: 0; }
.menu ul li { float: left; /* 菜单子元素的内容超出不可见 */  
			overflow: hidden; position: relative; text-align: center; line-height: 45px; }
.menu ul li a { /* 必须是相对定位  */ 
			position: relative; display: block; width: 110px; height: 45px; font-family: Arial; font-size: 11px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; cursor: pointer; }
.menu ul li a span { /* 所有层将使用绝对定位 */
			position: absolute; left: 0; width: 110px; }
.menu ul li a span.out { top: 0px; }
.menu ul li a span.over,  .menu ul li a span.bg { /* 起初.over层和.bg层相对a元素-45px以达到隐藏 */  
			top: -45px; }
/** 完整版示例 **/
#menu { background:url(../img/bg_menu.gif) scroll 0 -1px repeat-x; border:1px solid #CCC; }
#menu ul li a { color: #000; }
#menu ul li a span.over { color: #FFF;  }
#menu ul li span.bg { height: 45px; background: url(../img/bg_over.gif) center center no-repeat; }
/** 简化版示例 **/
		
		#menu2 { background:#45A8DF; }
#menu2 ul li a { color:#FFF;}
#menu2 ul li a span.over { background:url(../img/bg_menu.gif); color:#333; font-size:20px;}
#menu2 ul li.nav1 a span.over { background: #fea274; }
#menu2 ul li.nav2 a span.over { background: #b0bbba; }
#menu2 ul li.nav3 a span.over { background: #a3f091; }
#menu2 ul li.nav4 a span.over { background: #86dbf9; }
#menu2 ul li.nav5 a span.over { background: #e0caf0; }
#menu2 ul li.nav6 a span.over { background: #9dace9; }
#content{
width:800px;
height:auto;
border:0px;
padding:0px;
margin:0px auto 0px auto;
background:#FFFFFF;
position:relative;
}

#footer {
	width:800px;
	height:62px;
	border:0px;
	padding:0px;
	margin:0px auto;
	background:url(../img/bottom2.jpg) repeat-x;
	position:absolute;
}
#footer_left {
	background:url(../img/bottom1.jpg) no-repeat;
	width:5px;
	height:62px;
	position:absolute;
	border:0px;
	padding:0px;
	margin:0px 795px 0px 0px;
}
#footer_center {
	width:790px;
	height:62px;
	position:absolute;
	border:0px;
	padding:0px;
	margin:0px 5px 0px 5px;
}
#footer_right {
	background:url(../img/bottom3.jpg) no-repeat;
	width:5px;
	height:62px;
	position:absolute;
	border:0px;
	padding:0px;
	margin:0px 0px 0px 795px;
}
